/*vite.config.js*/

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
import { viteMockServe } from 'vite-plugin-mock'  // 使用mock服务

export default defineConfig({
	plugins: [
		vue(),
		viteMockServe({
			supportTs:false, // 是否为ts文件
			logger: false, // 是否打印日志
			mockPath: "./src/mock/" // 放mockjs相关文件的路径地址
		})
	],
	css: {
		// css预处理器
		preprocessorOptions: {
			scss: {
				// 引入 variable.scss 这样就可以在全局中使用 var.scss中预定义的变量了
				// 给导入的路径最后加上 ;
				additionalData: '@import "./src/style/variable.scss";'
			}
		}
	},
	// 配置路径别名：比如 import MyMenu from './../components/Menu/menu.vue'
	// 可以这样：import MyMenu from '@/components/Menu/menu.vue'
	resolve: {
		alias: {
			'@': path.resolve(__dirname, './src'),
		}
	},
	// build路径设置，在生产环境是/my-code/,在本地开发环境是/
	base: process.env.NODE_ENV === 'production' ? '/my-code/' : '/'
})
